<template>
    <div class="tips" :class="`tips-${props.type}`">
        <div class="icon-[mdi--information]"></div>
        <slot></slot>
    </div>
</template>
<script setup lang="ts">

interface IProps {
    type: string
}

const props = withDefaults(defineProps<IProps>(), {
    type: 'info'
})

</script>
<style scoped></style>
